<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>点击</title>
    <script type="text/javascript">
        function sel(obj)
        {
            var lis=document.getElementsByTagName("li");
            for(var i=0;i<lis.length;i++)
            {
                if(lis[i]!=obj)
                {
                    lis[i].style.background="#00f";
                }
                else
                    lis[i].style.background="#0ff"
            }
        }
    </script>
</head>
<body>
<ul>
    <li onclick="sel(this);">中国</li>
    <li onclick="sel(this);">意大利</li>
    <li onclick="sel(this);">德国</li>
    <li onclick="sel(this);">日本</li>
</ul>
</body>
</html>